import React,{useInsertionEffect, useEffect, useLayoutEffect} from 'react';

const App = () => {

  // function useCSS(rule) {
    // useInsertionEffect(() => {
    //   console.log('11111111111111111');
    //   // 这里可以增加一些动态样式用的

    // });
  //   return rule;
  // }

  // const className = useCSS('a')

  // 同步执行的会在 DOM 更新之前执行
  useInsertionEffect(()=>{
    console.log('useInsertionEffect');
  })

  // 该函数是异步执行
  useEffect(()=>{
    console.log('useEffect');
    document.title = '你好中国'
  })

  // 该函数是同步执行
  useLayoutEffect(()=>{
    console.log('useLayoutEffect');
    document.title = '你好世界'
  })

  return (
    <div >

    </div>
  );
};

export default App;
